@charset "utf-8";
@import url("reset.css");
@import url("common.css");
html,body,#pager,#loginer{height:100%; max-height:100%; width:100%; margin:0; padding:0; border:0;}
#loginer{
	background:#fff url(../images/loginer.gif) repeat-x top;
}
#loginer #loginbox{ width:560px; margin:0 auto; padding-top:350px; background:url(../images/login-bg.png) no-repeat center 35px;}
#loginer #loginbox table{ margin:0 auto;}
#loginer #loginbox table th{ color:#369; font-size:14px;text-shadow:1px 1px 1px rgba(255,255,255,.6);}
#loginer #loginbox table td a{ color:#fff; text-decoration:underline;}
#loginer #loginbox table td input{ border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #257ea8; background:#daecf6;}
#loginer #loginbox table td button{ height:60px; width:80px; font-size:16px; color:#fff; border:1px solid #257ea8; text-shadow:0 1px 1px rgba(0,0,0,.3); border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
	background:#3aa8db;
	background:-webkit-gradient(linear,left top,left bottom,from(#3aa8db),to(#3284aa));
	background:-moz-linear-gradient(top, #3aa8db, #3284aa);
	background:linear-gradient(top, #3aa8db, #3284aa);
}
#header{
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:65px;
	background:#f0f7fc url(../images/head-bg.gif) right top no-repeat;
	color:#999;
}
.logo{ position:absolute; z-index:1; width:400px; height:80px; text-indent:-9999em; background:url(../images/logo.png) no-repeat left top;_background:url(../images/logo.gif) no-repeat left top;}
#status strong{ color:#e60; margin:0 5px;}
#status #setting{ margin:0 0 0 20px; background:url(../images/setting.png) no-repeat left center; padding-left:18px;}
#status #logout{ margin:0 0 0 20px; background:url(../images/logout.png) no-repeat left center; padding-left:18px;}
#nav{
	position:absolute;
	overflow:hidden;
	top:65px;
	left:0;
	width:100%;
	background:#3aa8db;
	background:-webkit-gradient(linear,left top,left bottom,from(#3aa8db),to(#3284aa));
	background:-moz-linear-gradient(top, #3aa8db, #3284aa);
	background:linear-gradient(top, #3aa8db, #3284aa);
	height:60px;
	border-bottom:1px solid #257ea8;
	/*
	-moz-box-shadow:0px 1px 3px #41a4d3;
	-webkit-box-shadow:0px 1px 3px #bbb;
	box-shadow:0px 1px 3px #41a4d3;
	*/
}
#nav ul{ margin-left:200px;}
#nav ul li{list-style:none; float:left;}
#nav ul li a{color:#ddeef6; text-decoration:none; display:block; width:80px; text-align:center; padding-top:35px; margin:5px 10px; height:15px; line-height:120%; font-size:13px;text-shadow:0 1px 1px rgba(0,0,0,.3); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; }
#nav ul li a:hover,#nav ul li a.current{ color:#FFF; border:1px solid #5cb2dc; margin:4px 9px;}
	.nav0,.nav1,.nav2,.nav3,.nav4,.nav5,.nav6,.nav7{background-image:url(../images/nav.png); _background-image:url(../images/nav.gif); background-repeat:no-repeat; background-position:center -100%;}
	.nav0{ background-position:center 0;}
	.nav1{ background-position:center -50px;}
	.nav2{ background-position:center -100px;}
	.nav3{ background-position:center -150px;}
	.nav4{ background-position:center -200px;}
	.nav5{ background-position:center -250px;}
	.nav6{ background-position:center -300px;}
	.nav7{ background-position:center -350px;}
#aside{
	position:absolute;
	top:126px;
	bottom:30px;
	left:0;
	width:200px;
	background:#ddeef6;
	border-right:1px solid #86caef;
}
#aside ul{ margin:10px;}
#aside ul li{ padding:0; margin:2px 0; list-style:none;}
#aside ul li a{ display:block; height:20px; line-height:20px; padding:5px 10px 5px 30px; margin:0;border:1px solid #ddeef6; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 1px rgba(255,255,255,.8);}
#aside ul li a:hover,#aside ul li a.current{
	text-decoration:none;
	box-shadow:inset 0 0 2px #fff;
	-moz-box-shadow:inset 0 0 2px #fff;
	-webkit-box-shadow:inset 0 0 2px #fff;
	border:1px solid #95cdeb;
	background-color:#e6f5fd;
	/*
	background:-webkit-gradient(linear,left top,left bottom,from(#ddeef7),color-stop(0.5,#e6f5fd),color-stop(0.5,#dcedf6),to(#c4deeb));
	background:-moz-linear-gradient(#e6f5fd 0%, #e6f5fd 50%,#dcedf6 51%,#c4deeb 100%);
	background:linear-gradient(#e6f5fd 0%, #e6f5fd 50%,#dcedf6 51%,#c4deeb 100%);
	*/
}
#aside ul li a em{ color:#f60; font-size:10px; font-style:normal; margin-left:5px;}
	.nm11,.nm12,.nm13,.nm14,.nm15{background-image:url(../images/nav1.png); _background-image:url(../images/nav1.gif); background-repeat:no-repeat; background-position:5px -100%;}
	.nm11{ background-position:8px 0;}
	.nm12{ background-position:8px -50px;}
	.nm13{ background-position:8px -100px;}
	.nm14{ background-position:8px -150px;}
	.nm15{ background-position:8px -200px;}
	
	.nm21,.nm22,.nm23,.nm24,.nm25{background-image:url(../images/nav2.png); _background-image:url(../images/nav2.gif); background-repeat:no-repeat; background-position:5px -100%;}

	.nm21{ background-position:8px 0;}
	.nm22{ background-position:8px -50px;}
	.nm23{ background-position:8px -100px;}
	.nm24{ background-position:8px -150px;}
	.nm25{ background-position:8px -200px;}
#container{
	position:fixed;
	top:126px;
	bottom:30px;
	left:200px;
	right:0;
	overflow:auto;
}
	#crumbs{ color:#888; padding:5px 10px;}
	#main{ margin:5px 10px;}

#footer{
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	height:30px;
	color:#ddeef6;
	background:#3aa8db;
	background:-webkit-gradient(linear,left top,left bottom,from(#3aa8db),to(#3284aa));
	background:-moz-linear-gradient(top, #3aa8db, #3284aa);
	background:linear-gradient(top, #3aa8db, #3284aa);
}
#footer a{ padding:5px; color:#ddeef6; text-decoration:underline;}
#footer .fl{ background:url(../images/help.gif) no-repeat left bottom;}

/*IE6 hack Start*/
* html body #pager{overflow:auto; padding:126px 0 0 200px;}
* html #aside{height:100%;}
* html #container{height:100%;width:100%;}
* html #header, * html #nav, * html #footer{width:100%;}
* html #footer{display:none;}
/*IE6 hack End*/


.tabs{}
.tabs-nav{
	margin:0; list-style:none;
}
.tabs-nav li{
	color:#666;
	cursor:pointer;
	padding:3px 12px;
	margin-right:3px;
	float: left;
	border:1px solid;
	border-color:#ccc #ccc #86caef #ccc;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	background:#f4f4f4;
	background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#ebebeb));
	background:-moz-linear-gradient(top, #fefefe, #ebebeb);
	background:linear-gradient(top, #fefefe, #ebebeb);

}
.tabs-nav li.tabs-selected{
	color:#369;
	border-color:#86caef #86caef #fff #86caef;
	background:#fff;
	background:-webkit-gradient(linear,left top,left bottom,from(#fc0),color-stop(0.06,#fc3),color-stop(0.08,#e6f5fd),to(#fff));
	background:-moz-linear-gradient(#fc0 0%, #fc3 6%,#e6f5fd 8%,#fff 100%);
	background:linear-gradient(#fc0 0%, #fc3 6%,#e6f5fd 8%,#fff 100%);
}
.tabs-panel{
	border:1px solid #86caef;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	border-top-right-radius:3px;
	padding:10px;
	margin-top:-1px;
}
.form{ border:none;}
.form th{text-align:right; font-weight:normal; color:#444;}
.form td,.form th{ padding:6px; vertical-align:top; }
.datalist{}
.datalist thead th{
	padding:3px 5px;
	border:1px solid #8eb7e3;
	background:#ddeef6;
}
.datalist thead th span{ color:#369; font-weight:normal;}
.datalist thead th span a{ text-decoration:underline; color:#369}
.datalist thead td{
	text-align:center;
	color:#7ac;
	padding:3px 5px;
	border:1px solid;
	border-color:#bed3ea #bed3ea #bed3ea #bed3ea;
	background:#eff5f8;
	background:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#eff5f8));
	background:-moz-linear-gradient(top, #fefefe, #eff5f8);
	background:linear-gradient(top, #fefefe, #eff5f8);

}
.datalist tr:hover{
	background:#ffe;
}
.datalist tr.unread{ font-weight:bolder; color:#000;}
.datalist tr.readed{ font-weight:normal; color:#333;}
.datalist td{
	color:#333;
	padding:5px;
	border-bottom:1px solid #e3e6eb;
}
.datalist td a.msg_open{ background:url(../images/email_open.png) no-repeat left center; padding-left:18px; margin:0 5px;}
.datalist td a.msg_del{ background:url(../images/email_delete.png) no-repeat left center; padding-left:18px; margin:0 5px;}
.datalist td a.user_edit{ background:url(../images/user_edit.png) no-repeat left center; padding-left:18px; margin:0 5px;}
.datalist td a.user_del{ background:url(../images/user_delete.png) no-repeat left center; padding-left:18px; margin:0 5px;}
.datalist td a.duanyu_edit{ background:url(../images/duanyu_edit.png) no-repeat left center; padding-left:18px; margin:0 5px;}
.datalist td a.duanyu_del{ background:url(../images/duanyu_delete.png) no-repeat left center; padding-left:18px; margin:0 5px;}

.msgbox_wrapper{border:#257ea8 1px solid; background-color:#fff; overflow: hidden; vertical-align:top; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.msgbox_title_wrapper {	list-style-type:none;margin:0; height:24px;vertical-align: middle; padding:4px; vertical-align:middle;
	background:#3aa8db;
	background:-webkit-gradient(linear,left top,left bottom,from(#3aa8db),to(#3284aa));
	background:-moz-linear-gradient(top, #3aa8db, #3284aa);
	background:linear-gradient(top, #3aa8db, #3284aa);
}
.msgbox_title_wrapper img {
  	position:static;
 	+position:relative;
  	vertical-align:middle
}
.msgbox_title {	float:left;line-height:22px; height:22px; padding-left:10px; color:#fff; font-weight:bold}
.msgbox_title font{ color:yellow; }
.msgbox_close {	float:right;line-height:22px; display:table-cell; height:22px; color: #fff; font-weight:bold; cursor:pointer;padding-right: 8px;}
.msgbox_main {text-align:center; padding:12px; color:#f00; overflow:hide;}
.msgbox_bg {background:#ddd;}
.msgbox_button {border:1px solid #010;}
.msgbox_inputbox {border:1px solid #010;}


.treeview, .treeview ul {padding:0; margin:0; list-style:none;}
.treeview ul {margin-top:3px;}
.treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea{display:inline; float:none;}
.treeview li {margin:0; padding:3px 0pt 3px 16px;}
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview .placeholder {background:url(../images/ajax-loader.gif) 0 0 no-repeat; height:16px; width:16px; display:block;}
.treeview .addnode a{margin:0 5px; padding:0 0 0 16px; background:url(../images/node_add.png) no-repeat left center; display:inline-block; text-indent:-999em;}
.treeview .editnode a{margin:0 5px; padding:0 0 0 16px; background:url(../images/node_edit.png) no-repeat left center; display:inline-block; text-indent:-999em;}
.treeview .delnode a{margin:0 5px; padding:0 0 0 16px; background:url(../images/node_delete.png) no-repeat left center; display:inline-block; text-indent:-999em;}

